<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网站标题</title>
<meta name="keywords" content="关键词,关键词,关键词,关键词,5个关键词" />
<meta name="description" content="网站简介，不超过80个字" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="${pageContext.request.contextPath}/static/view/images/logo.jpg" type="image/x-icon"/>
<link href="${pageContext.request.contextPath}/static/view/css/index.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/static/view/js/jquery.min.js" ></script>
<script src="${pageContext.request.contextPath}/static/view/js/comm.js" ></script>
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<header>
  <div class="logo">飞鸟博客</div>
  <div class="top-nav">
    <h2 id="mnavh"><span class="navicon"></span></h2>
    <ul id="nav">
      <li><a href="${pageContext.request.contextPath}/html/index.html">网站首页</a></li>
      <c:forEach var="arcType" items="${arcTypeList}">
      <%-- <li><a href="${pageContext.request.contextPath}/arcType/${arcType.id }.html">${arcType.typeName }</a></li> --%>
       <li><a href="${pageContext.request.contextPath}/arcType/${arcType.id}.html">${arcType.typeName }</a></li>
      </c:forEach>
      <!-- <li><a href="list.html">个人博客日记</a></li>
      <li><a href="/2">个人博客模板</a></li>
      <li><a href="/3">博客网站制作</a></li>
      <li><a href="/4">网页设计心得</a></li>
      <li><a href="/5">优秀个人博客</a></li>
      <li><a href="/5">关于我</a></li>
      <li><a href="/5">留言</a></li> -->
    </ul>
  </div>
  <div class="search">
    <form action="${pageContext.request.contextPath}/search/searchArticle.html" method="post" name="searchform" id="searchform">
      <input name="searchStr" id="keyboard" class="input_text" value="请输入关键字词" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text">
      <input name="show" value="title" type="hidden">
      <input name="tempid" value="1" type="hidden">
      <input name="tbname" value="news" type="hidden">
      <input name="Submit" class="input_submit" value="" type="submit">
    </form>
  </div>
</header>

<main>
  <div class="main-content">

    <div class="welcome">${navCode }</div>
    <div class="blogbox">
      <div class="bloglist">
        <ul>
        <c:forEach var="article" items="${articlesOfPage }">
             <li style="    margin-bottom: 20px;">
	            <h2><a href="${pageContext.request.contextPath}/article/${article.id }.html" title="${article.title }">&nbsp;&nbsp;
             <font color="${article.titleColor }">${fn:substring(article.title,0,20) }</font></a></h2>        
	            <p class="blogtext" style="margin-left: 15px;">${article.plaintxt }</p>
	            <p class="bloginfo"><span>飞鸟</span><span>[<fmt:formatDate  
             value="${article.publishDate }" pattern="yyyy年-MM月-dd日" />]</span><span><a href="${pageContext.request.contextPath}/arcType/${article.arcType.id}.html">${article.arcType.typeName }</a></span></p>
	          </li>  
         </c:forEach>
          <!-- <li>
            <h2><a href="/">【匆匆那些年】总结个人博客经历的这四年…</a></h2>
            <i><a href="/"><img src="http://www.yangqq.com/d/file/jstt/bj/2018-06-29/3f0b6da48a6fd4e626a021ff7bd0d74f.jpg"></a></i>
            <p class="blogtext">博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补…</p>
            <p class="bloginfo"><span>杨青</span><span>2018年3月19日</span><span><a href="/">个人博客模板</a></span></p>
          </li>
          <li>
            <h2><a href="/">【匆匆那些年】总结个人博客经历的这四年…</a></h2>
            <i><a href="/"><img src="http://www.yangqq.com/d/file/news/life/2018-04-27/762f99f369ae786f970477feeb3b9d77.jpg"></a></i>
            <p class="blogtext">博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补…</p>
            <p class="bloginfo"><span>杨青</span><span>2018年3月19日</span><span><a href="/">个人博客模板</a></span></p>
          </li>
          <li>
            <h2><a href="/">【匆匆那些年】总结个人博客经历的这四年…</a></h2>
            <i><a href="/"><img src="http://www.yangqq.com/d/file/news/life/2018-06-17/917d732926d79cc2ae1012831ce51d1e.jpg"></a></i>
            <p class="blogtext">博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补…</p>
            <p class="bloginfo"><span>杨青</span><span>2018年3月19日</span><span><a href="/">个人博客模板</a></span></p>
          </li>
          <li>
            <h2><a href="/">【匆匆那些年】总结个人博客经历的这四年…</a></h2>
            <i><a href="/"><img src="http://www.yangqq.com/d/file/jstt/bj/2018-06-29/3f0b6da48a6fd4e626a021ff7bd0d74f.jpg"></a></i>
            <p class="blogtext">博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补…</p>
            <p class="bloginfo"><span>杨青</span><span>2018年3月19日</span><span><a href="/">个人博客模板</a></span></p>
          </li>
          <li>
            <h2><a href="/">【匆匆那些年】总结个人博客经历的这四年…</a></h2>
            <i><a href="/"><img src="http://www.yangqq.com/d/file/news/life/2018-04-27/762f99f369ae786f970477feeb3b9d77.jpg"></a></i>
            <p class="blogtext">博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补…</p>
            <p class="bloginfo"><span>杨青</span><span>2018年3月19日</span><span><a href="/">个人博客模板</a></span></p>
          </li>
          <li>
            <h2><a href="/">【匆匆那些年】总结个人博客经历的这四年…</a></h2>
            <i><a href="/"><img src="http://www.yangqq.com/d/file/jstt/bj/2018-06-29/3f0b6da48a6fd4e626a021ff7bd0d74f.jpg"></a></i>
            <p class="blogtext">博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也有放弃过…但最后还是坚持了下来，时间如此匆匆，等再回过头已来不及去弥补…</p>
            <p class="bloginfo"><span>杨青</span><span>2018年3月19日</span><span><a href="/">个人博客模板</a></span></p>
          </li> -->
        </ul>
      </div>
      <div class="pagelist">${pageCode }</div>
      <%-- <div class="pagelist"><a title="Total record">&nbsp;<b>170</b> </a>&nbsp;&nbsp;&nbsp;<b>1</b>&nbsp;<a href="/jstt/index_2.html">2</a>&nbsp;<a href="/jstt/index_3.html">3</a>&nbsp;<a href="/jstt/index_4.html">4</a>&nbsp;<a href="/jstt/index_5.html">5</a>&nbsp;<a href="/jstt/index_6.html">6</a>&nbsp;<a href="/jstt/index_2.html">下一页</a>&nbsp;<a href="/jstt/index_15.html">尾页</a>${pageCode }</div> --%>
    </div>
    <div class="rside">
      <div class="news">
        <h2 class="newstitle"><b>最近更新</b></h2>
          <ul>
          <c:forEach var="article" items="${articleNewstList }">
            <%-- <li>[<fmt:formatDate value="${article.publishDate }" pattern="MM-dd"/>]&nbsp;&nbsp;<a href="article/${article.id }.html"
                   title="${article.title }"><font color="${article.titleColor }">${fn:substring(article.title,0,20) }</font></a></li> --%>
            <li style="cursor: pointer;"><a href="${pageContext.request.contextPath}/article/${article.id }.html" title="${article.title }" ><span>[<fmt:formatDate value="${article.publishDate }" pattern="MM-dd"/>]</span><font color="${article.titleColor }">
            <%-- ${fn:substring(article.title,0,10) } --%>
            <c:choose>  

                                 <c:when test="${fn:length(article.title) > 10}">  
                                
                                   ${fn:substring(article.title, 0, 10)}...
                                
                                  </c:when>  
                                
                                <c:otherwise>  
                                
                                    ${article.title}
                                
                                </c:otherwise>  
                                
                                </c:choose>  

            </font></a></li>
            
            </c:forEach>
            <!-- <li><a href="/"><span>08-30</span>如何快速建立自己的个人博客网站</a></li>
            <li><a href="/"><span>08-30</span>个人博客，属于我的小世界！</a></li>
            <li><a href="/"><span>08-30</span>网易博客关闭，何不从此开始潇洒行走江湖！</a></li>
            <li><a href="/"><span>08-30</span>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
            <li><a href="/"><span>08-30</span>帝国cms 循环调用子栏目信息以及头条图片</a></li>
            <li><a href="/"><span>08-30</span>我是怎么评价自己的？</a></li>
            <li><a href="/"><span>08-30</span>html5 个人博客模板《蓝色畅想》</a></li>
            <li><a href="/"><span>08-30</span>【匆匆那些年】总结个人博客经历的这四年</a></li> -->
          </ul>
      </div>
      <div class="news">
        <h2 class="newstitle"><span><a href="${pageContext.request.contextPath}/arcType/1.html">更多</a></span><b>站长推荐</b></h2>
          <ul>
            <c:forEach var="article" items="${RecommendArticleList }">
            <li style="cursor: pointer;"><a href="${pageContext.request.contextPath}/article/${article.id }.html" title="${article.title }" ><span>[<fmt:formatDate value="${article.publishDate }" pattern="MM-dd"/>]</span><font color="${article.titleColor }">
            <%-- ${fn:substring(article.title,0,10) } --%>
            <c:choose>  

                                 <c:when test="${fn:length(article.title) > 10}">  
                                
                                   ${fn:substring(article.title, 0, 10)}...
                                
                                  </c:when>  
                                
                                <c:otherwise>  
                                
                                    ${article.title}
                                
                                </c:otherwise>  
                                
                                </c:choose>  

            </font></a></li>
            
            </c:forEach> 
            <!-- <li><a href="/"><span>08-30</span>如何快速建立自己的个人博客网站</a></li>
            <li><a href="/"><span>08-30</span>个人博客，属于我的小世界！</a></li>
            <li><a href="/"><span>08-30</span>网易博客关闭，何不从此开始潇洒行走江湖！</a></li>
            <li><a href="/"><span>08-30</span>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
            <li><a href="/"><span>08-30</span>帝国cms 循环调用子栏目信息以及头条图片</a></li>
            <li><a href="/"><span>08-30</span>我是怎么评价自己的？</a></li>
            <li><a href="/"><span>08-30</span>html5 个人博客模板《蓝色畅想》</a></li>
            <li><a href="/"><span>08-30</span>【匆匆那些年】总结个人博客经历的这四年</a></li> -->
          </ul>
      </div>
      <div class="news">
        <!-- <h2 class="newstitle"><b>栏目更新</b></h2> -->
          <h2 class="newstitle">关注我 么么哒 <span style="float: right; margin-right:10px; ">关于我</span></h2>
        <ul>
          <img style="margin: auto;" src="${pageContext.request.contextPath}/static/images/微信公众号.jpg">
        </ul>
      </div>
    </div>
    <div class="copyright">
    <div class="copyright">Copyright © 2018-2019 宜春春宜人网络科技有限公司 版权所有  </div>
    <div class="beian">备案号：<a href='http://www.miibeian.gov.cn/' target="_blank">赣ICP备88888888号-1</a></div>
      <!-- <p>Copyright 2018  Inc. AllRights Reserved. Design by <a href="/">杨青个人博客</a> 蜀ICP备11002373号-1</p> -->
    </div>
  </div>
</main>
<a href="#" class="cd-top cd-is-visible">Top</a>
</body>
</html>
